<template>
  <div class="mine">
    <header>
      <img src="../assets/img/mine/touxiang.jpg" alt="">
      <div class="name">let</div>
      <div class="setup"></div>
    </header>
    <Vip></Vip>
    <mine_history />
    <list />
  </div>
</template>
<script>
import Login from '@/components/mine/Login'
import Vip from '@/components/mine/Vip'
import mine_history from '@/components/mine/mine_history'
import list from '@/components/mine/list'
export default{
  name: 'Mine',
  data () {
    return {

    }
  },
  components: {
    Login,
    Vip,
    mine_history,
    list
  }
}
</script>
<style scoped lang="less">
  header{
    width: 100%;
    height: 60px;
    margin: 20px 0 0;
    img{
      float: left;
      width: 60px;
      height: 60px;
      border-radius: 30px;
      margin-left: 20px;
    }
    .name{
      float: left;
      margin: 0 20px;
      line-height: 60px;
      font-size: 1.6em;
      font-weight: bold;
    }
    .setup{
      width: 60px;
      height: 60px;
      float: right;
      background-image: url(../assets/img/mine/setup.png);
      background-repeat: no-repeat;
      background-size: 30px;
      background-position: center center;
    }
  }
</style>